<template>
    <div class="phoneKey">
        <!-- 顶部状态栏 -->
        <div class="imgBox">
            <van-icon name="arrow-left" size="20px" @click="goback()" />
        </div>
        <p>云闪付</p>
        <iframe id="iframe"
            src="https://wallet.95516.com/s/wl/webV3/activity/yhtzB/html/snsIndex.html?r=c31d969e469fb33f458a32dccc72096a&code=yhtzc2c"
            frameborder="0"></iframe> 
             <!-- <a href="https://wallet.95516.com/s/wl/webV3/activity/yhtzB/html/snsIndex.html?r=c31d969e469fb33f458a32dccc72096a&code=yhtzc2c"></a> -->
            
    </div>
</template>

<script>
    import { mapState, mapActions } from 'vuex'
    import { Icon } from 'vant'

    export default {
        // 当前组件的名称
        name: 'home',

        data() {
            return {
                active: 1,
                username: "",
                idCard: "",
                examineList: [1, 2]

            }
        },

        // 在当前组件中添加其他的自定义组件
        components: {

        },

        /*
            在computed中添加mapState
            如果computed中只有一个辅助函数，后面可以直接写成函数名
        */
        computed: mapState(['token', 'userInfo']), // this.token相当于this.$store.state.token

        methods: {

            goback() {
                this.$router.back()
            },

        },
        // 生命周期函数,创建实例,可以获取this,但DOM节点还没有创建出来

    }
</script>

<!-- 添加scoped属性,将样式的作用域限制在当前组件内,不会影响子组件 -->
<style lang="scss" scoped>
    .phoneKey{
        height: 100vh;
        overflow: hidden;
    }
    .imgBox {
        /* position: fixed; */
        margin-left: 4px;
        margin-top: .15rem;
        overflow: hidden;
        width: 24px;
        height: .4rem;
        float: left;
    }
    #iframe {
        /* height: calc(100vh – 30px); */
        /* height: 95vh; */
    }
    p{
        text-align: center;
        font-size: 18px;
        height: .6rem;
        line-height: .6rem;
    }
</style>